<div>
    @if(count($articles) == 0)
        <div class="text-center mt-10">
            <p class="text-base font-semibold text-indigo-600">暂无数据</p>
            <p class="mt-6 text-base leading-7 text-gray-600">抱歉，作者太懒了，一篇文章都没有~</p>
        </div>
    @endif
    @foreach($articles as $article)
        <div class="border-0 mb-6 border-b border-color-body-line">
            <div class="text-lg font-semibold">
                <a href="/article/{{ $article['id'] }}" target="_blank">
                    {{ $article['title'] }}
                </a>
            </div>
            <div class="text-gray-400 text-sm my-3 line-clamp-3 text-ellipsis overflow-hidden ...">
                {{ $article->description }}
            </div>
            <div class="text-gray-400 flex items-center justify-start text-sm mb-3">
                <div class="mr-4">
                    <i class="iconfont icon-time"></i>
                    {{ $article->created_at->format('Y-m-d') }}
                </div>
                <div class="mr-4">
                    <i class="iconfont icon-eye"></i>
                    {{ $article->reading_quantity }}
                </div>
                <div class="mr-4">
                    <i class="iconfont icon-comment"></i>
                    {{ $article->comment_quantity }}
                </div>
            </div>
        </div>
    @endforeach

    <div class="m-auto mt-3 mb-5">
        {{ $articles->links() }}
    </div>
</div>
